<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<link href="/general/css/admin_1.css" rel="stylesheet" type="text/css"/>
<link href="/evento/css/admin_2.css" rel="stylesheet" type="text/css"/>
<f:view>

    <h:form styleClass="fondoFormulariosyPanel" enctype="multipart/form-data">
        <!--h:inputHidden id='init' value="{PreEventoController.inicializar}"/-->
        <%--
            HttpSession sesion = request.getSession();
            System.out.println("xxxxxxxxxxxxxxxxxxxxxxxxxxxx");
            System.out.println("codigoxx: " + sesion.getAttribute("sCodsol"));

        --%>

        <h:panelGrid columns="1" styleClass="rayaForms" width="100%">
            <h:outputLabel  value="Nuevo Pre-Evento" />
        </h:panelGrid>
        <a4j:outputPanel ajaxRendered="true">
            <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass" errorClass="errorClass"
                        warnClass="warnClass" showDetail="true" errorStyle="color:red;"
                        warnStyle="color:green;" infoStyle="color:black;" fatalStyle="color:black"/>
        </a4j:outputPanel>
        <h:panelGrid columns="2" styleClass="fondoFormulariosyPanel">
            <h:outputLabel value="Tipo Evento" />
            <h:selectOneMenu value="#{PreEventoController.preEvento.tevCodigo}">
                <f:selectItems value="#{TipoEventoController.comboTipoEventos}" />
            </h:selectOneMenu>

            <h:outputLabel value="Evento"/>
            <h:inputText value="#{PreEventoController.preEvento.preNombre}" size="60"/>

            <h:outputLabel value="Turno(Campo Opcional)"/>
            <h:inputText value="#{PreEventoController.preEvento.preTurno}" />

            <h:outputLabel value="Consideración: "/>
            <h:inputTextarea value="En caso de crear dos PreEventos con el mismo nombre y la misma fecha de Registro llenar el campo Turno para diferenciarlos: Ej:Mañana,1" rows="2" cols="120" readonly="true" style="color:blue;font-size=8px;"/>
            
        </h:panelGrid>
        <h:panelGrid columns="4" styleClass="fondoFormulariosyPanel">
            <h:outputLabel value="Fecha Inicio"/>
            <rich:calendar required="true" id="Fecha_Inicio" value="#{PreEventoController.preEvento.prefechaInicio}" datePattern="dd/MM/yyyy" />
            <h:outputLabel value="Fecha Fin"/>
            <rich:calendar required="true" id="Fecha_Fin" value="#{PreEventoController.preEvento.prefechaFin}"  datePattern="dd/MM/yyyy"/>
        </h:panelGrid>
        <h:outputLabel value="Contiene modulos/sesiones"/>
        <h:selectBooleanCheckbox value="#{PreEventoController.preEvento.estado}">
            <a4j:support ajaxSingle="true" event="onchange" reRender="panelAjax,panelAjax1" action="#{PreEventoController.cambiarEstado}"/>
        </h:selectBooleanCheckbox>
        <h:panelGrid columns="2">
            <h:commandButton value="Cancelar" accesskey="C" action="#{PreEventoController.inicializar}" image="/img/btnCancelar.gif"/> <!--style="margin-left:75px"/-->
            <h:commandButton value="Registrar" accesskey="G" action="#{PreEventoController.registraNuevoPreEvento}" image="/img/btnGuardar.gif"/> <!--style="margin-left:10px"/-->
            <!--h:inputHidden value="{}" /-->
        </h:panelGrid>
         <%-- Actualizacion por William --%>
        <h:panelGroup rendered="#{PreEventoController.agregarDatos == true}">
        <a4j:outputPanel id="panelAjax">
            <rich:tabPanel switchType="client" >
                <rich:tab label="Detalles Evento" styleClass="fondoFormulariosyPanel">
                    <h:panelGrid columns="3">
                        <h:outputLabel value="Tipo Archivo: " />
                        <h:selectOneMenu value="#{PreEventoController.tipoArchivo}" >
                            <f:selectItem itemValue="0" itemLabel="----Seleccionar Tipo-----" />
                            <f:selectItem itemValue="1" itemLabel="Contenido" />
                            <f:selectItem itemValue="2" itemLabel="Presupuesto" />
                         </h:selectOneMenu>
                        <h:inputHidden />

                        <h:outputLabel value="Nombre: " />
                        <h:inputText value="#{PreEventoController.nombreArchivo}" />
                        <h:inputHidden />

                        <h:outputLabel value="Archivo" />
                        <t:inputFileUpload storage="file" size="40" value="#{PreEventoController.upFile}"  />
                        <h:commandButton action="#{PreEventoController.upload}" value="Adjuntar" styleClass="enlace9"/>

                    </h:panelGrid>
                    <rich:dataTable value="#{PreEventoController.listaContenidoPresupuesto}" var="archivos" columnsWidth="60%,20%,10%,10%" width="100%">
                    <rich:column>
                        <f:facet name="header">
                            <h:outputText value="Nombre Archivo" />
                        </f:facet>
                        <h:outputText value="#{archivos.acrnombreArchivo}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputText value="Tipo Archivo" />
                        </f:facet>
                        <h:outputText value="#{archivos.tipoDeArchivo}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputText value="Fecha Registro" />
                        </f:facet>
                        <h:outputText value="#{archivos.arcFechaRegistro}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputText value="Opciones" />
                        </f:facet>&nbsp;&nbsp;
                        <h:commandButton value="Ver" title="Mostrar Archivo" image="/img/pdf2.png" action="#{PreEventoController.mostrarArchivo}" >
                           <f:setPropertyActionListener target="#{PreEventoController.archivos}" value="#{archivos}" />
                        </h:commandButton>&nbsp;&nbsp;
                        <h:commandButton value="Eliminar" title="Eliminar" image="/img/eliminar.png" action="#{PreEventoController.removerArchivo}" onclick="return confirm('Deseas eliminar el Archivo?');">
                           <f:setPropertyActionListener target="#{PreEventoController.archivos}" value="#{archivos}" />
                       </h:commandButton>
                    </rich:column>
                </rich:dataTable>
                    <%--rich:editor id="editor" width="600" height="400" value="#{PreEventoController.editor}"
                                 theme="advanced" >
                        <f:param name="theme_advanced_buttons1" value="bold,italic,underline,cut,copy,paste,pasteword"/>
                        <f:param name="theme_advanced_toolbar_location" value="top"/>
                        <f:param name="theme_advanced_toolbar_align" value="left"/>
                    </rich:editor--%>
                </rich:tab>
    <%--Fin Actualizacion por William --%>
                <%--rich:tab label="Presupuesto" styleClass="fondoFormulariosyPanel">
                    <a4j:outputPanel id="panelAjax1">
                        <h:outputLabel value="Nro Meses Para Presupuesto" rendered="#{PreEventoController.preEvento.estado}"/>
                        <rich:inputNumberSpinner value="#{PreEventoController.nroMeses}" maxValue="#{PreEventoController.maximoMeses}" minValue="#{PreEventoController.minimoMeses}" rendered="#{PreEventoController.preEvento.estado}"/>
                    </a4j:outputPanel>
                    <rich:tabPanel switchType="client">
                        <rich:tab label="Ingresos" styleClass="fondoFormulariosyPanel">
                            <rich:panel header="Agregar Rangos de Matricula" style="width:70%" styleClass="fondoFormulariosyPanel">
                                <h:panelGrid columns="5" styleClass="fondoFormulariosyPanel">
                                    <h:outputLabel value="Fecha Inicio" />
                                    <rich:calendar value="#{PreEventoController.fechaR1Inicio}" datePattern="dd/MM/yyyy"/>
                                    <h:outputLabel value="Fecha Fin" />
                                    <rich:calendar value="#{PreEventoController.fechaR1Fin}" datePattern="dd/MM/yyyy"/>
                                    <h:commandButton value="Agregar" title="Agregar" action="#{PreEventoController.agregarRangos}" image="/img/add.png"/>
                                </h:panelGrid>
                                <rich:dataTable value="#{PreEventoController.listaRangos}" var="list" columnsWidth="10%,15%,15%" width="40%">
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Rango Nº" />
                                        </f:facet>
                                        <h:outputText value="#{list.ind}" />
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Fecha Inicio" />
                                        </f:facet>
                                        <h:outputText value="#{list.fechaIni}" />
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Fecha Fin" />
                                        </f:facet>
                                        <h:outputText value="#{list.fechaFin}" />
                                    </rich:column>
                                    <rich:column >
                                        <f:facet name="header">
                                        </f:facet>
                                        <h:commandButton value="Eliminar" title="Eliminar" image="/img/eliminar.png" action="#{PreEventoController.eliminarRango}" onclick="return confirm('Deseas eliminar el PreEvento?');">
                                            <f:setPropertyActionListener target="#{PreEventoController.rangoSeleccionado}" value="#{list}" />
                                        </h:commandButton>
                                    </rich:column>
                                </rich:dataTable>
                            </rich:panel>

                            <br/>
                            <h:panelGrid columns="2" styleClass="fondoFormulariosyPanel">
                                <rich:panel header="Seleccionar Tipos de Participantes" styleClass="fondoFormulariosyPanel">
                                    <rich:listShuttle sourceValue="#{PreEventoController.listaTParticipantes}"
                                                      targetValue="#{PreEventoController.listaTParticipantes1}" var="item" listsHeight="150"
                                                      sourceListWidth="130" targetListWidth="130" sourceCaptionLabel="Tipos de Partcipantes"
                                                      targetCaptionLabel="Tipos Partcipantes Seleccionados" >
                                        <rich:column>
                                            <h:outputText value="#{item.tpeNombre}"></h:outputText>
                                        </rich:column>
                                    </rich:listShuttle>
                                </rich:panel>

                                <rich:panel header="Seleccionar Tipos de Ingresos" styleClass="fondoFormulariosyPanel">
                                    <h:panelGroup>
                                        <a4j:commandButton ajaxSingle="true" value="Nuevo Ingreso Cuentas"
                                                           oncomplete="#{rich:component('editPanel')}.show()">
                                        </a4j:commandButton>

                                        <rich:listShuttle id="idTiposIngresos" sourceValue="#{PreEventoController.listaIngresos}"
                                                          targetValue="#{PreEventoController.listaIngresos1}" var="item" listsHeight="150"
                                                          sourceListWidth="130" targetListWidth="130" sourceCaptionLabel="Tipos de Ingresos"
                                                          targetCaptionLabel="Tipos Ingresos Seleccionados" >
                                            <rich:column>
                                                <h:outputText value="#{item.tpiNombre}"/>
                                            </rich:column>
                                        </rich:listShuttle>
                                    </h:panelGroup>
                                </rich:panel>

                            </h:panelGrid>
                            <h:commandButton value="Agregar" action="#{PreEventoController.agregarIngresos}" image="/img/btnAgregar.gif"/>
                            <br/>
                            <rich:panel header="Montos x Tipo de Participantes" styleClass="fondoFormulariosyPanel">
                                <rich:dataTable value="#{PreEventoController.listaIngresosAdapter}" var="lista" width="60%">
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Rango" />
                                        </f:facet>
                                        <h:outputText value="#{lista.rang.ind}" />
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Tipo Ingresos" />
                                        </f:facet>
                                        <h:outputText value="#{lista.tipoIngreso.tpiNombre}" />
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Colegiado Habil" />
                                        </f:facet>
                                        <h:inputText autocomplete="off" value="#{lista.mont1}" disabled="#{lista.m1}" size="10" styleClass="#{lista.m1 == true ? 'inactivo' : 'activa'}"/>
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Colegiado Inhabil" />
                                        </f:facet>
                                        <h:inputText autocomplete="off" value="#{lista.mont2}" disabled="#{lista.m2}" size="10" styleClass="#{lista.m2 == true ? 'inactivo' : 'activa'}"/>
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Estudiantes" />
                                        </f:facet>
                                        <h:inputText autocomplete="off" value="#{lista.mont3}" disabled="#{lista.m3}" size="10" styleClass="#{lista.m3 == true ? 'inactivo' : 'activa'}"/>
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Profesionales" />
                                        </f:facet>
                                        <h:inputText autocomplete="off" value="#{lista.mont4}" disabled="#{lista.m4}" size="10" styleClass="#{lista.m4 == true ? 'inactivo' : 'activa'}"/>
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Público General" />
                                        </f:facet>
                                        <h:inputText autocomplete="off" value="#{lista.mont5}" disabled="#{lista.m5}" size="10" styleClass="#{lista.m5 == true ? 'inactivo' : 'activa'}"/>
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Exonerados" />
                                        </f:facet>
                                        <h:inputText autocomplete="off" value="#{lista.mont6}" disabled="#{lista.m6}" size="10" styleClass="#{lista.m6 == true ? 'inactivo' : 'activa'}"/>
                                    </rich:column>
                                </rich:dataTable>
                            </rich:panel>
                            <br>
                            <rich:panel header="Estimacion de Participantes" styleClass="fondoFormulariosyPanel">
                                <rich:dataTable value="#{PreEventoController.listaEstimacionParticipantes}" var="lista">
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Rango" />
                                        </f:facet>
                                        <h:outputText value="#{lista.rang.ind}" />
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Colegiado Habil" />
                                        </f:facet>
                                        <h:inputText autocomplete="off" value="#{lista.cant1}" disabled="#{lista.m1}" size="10" styleClass="#{lista.m1 == true ? 'inactivo' : 'activa'}"/>
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Colegiado Inhabil" />
                                        </f:facet>
                                        <h:inputText autocomplete="off" value="#{lista.cant2}" disabled="#{lista.m2}" size="10" styleClass="#{lista.m2 == true ? 'inactivo' : 'activa'}"/>
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Estudiantes" />
                                        </f:facet>
                                        <h:inputText autocomplete="off" value="#{lista.cant3}" disabled="#{lista.m3}" size="10" styleClass="#{lista.m3 == true ? 'inactivo' : 'activa'}"/>
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Profesionales" />
                                        </f:facet>
                                        <h:inputText autocomplete="off" value="#{lista.cant4}" disabled="#{lista.m4}" size="10" styleClass="#{lista.m4 == true ? 'inactivo' : 'activa'}"/>
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Público General" />
                                        </f:facet>
                                        <h:inputText autocomplete="off" value="#{lista.cant5}" disabled="#{lista.m5}" size="10" styleClass="#{lista.m5 == true ? 'inactivo' : 'activa'}"/>
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Exonerados" />
                                        </f:facet>
                                        <h:inputText autocomplete="off" value="#{lista.cant6}" disabled="#{lista.m6}" size="10" styleClass="#{lista.m6 == true ? 'inactivo' : 'activa'}"/>
                                    </rich:column>
                                </rich:dataTable>
                            </rich:panel>
                            <br/>
                            <rich:panel header="Nro Cuotas x Tipo Ingreso" styleClass="fondoFormulariosyPanel">
                                <rich:dataTable value="#{PreEventoController.listaIngresos2}" var="lista">

                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Tipo Ingresos" />
                                        </f:facet>
                                        <h:outputText value="#{lista.tpiNombre}" />
                                    </rich:column>
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Nro Cuotas" />
                                        </f:facet>
                                        <h:inputText autocomplete="off" value="#{lista.numCuotas}" />
                                    </rich:column>
                                </rich:dataTable>
                            </rich:panel>
                                    <h:commandButton value="Calcular Ingresos" title="Calcular Ingresos" action="#{PreEventoController.calcularIngresos}" styleClass="desactivar" />
                        </rich:tab>
                        <rich:tab label="Egresos" styleClass="fondoFormulariosyPanel">
                            <h:commandButton value="Habilitar" action="#{PreEventoController.habilitarModulo}" rendered="#{PreEventoController.preEvento.estado}"/>
                            <h:panelGrid columns="3">
                                <h:panelGroup>
                                    <h:panelGrid columns="1">
                                        <a4j:commandButton ajaxSingle="true" value="Nuevo Detalle Concepto"
                                                           oncomplete="#{rich:component('editConcepto')}.show()">
                                        </a4j:commandButton>

                                        <rich:scrollableDataTable id="tblConcepto" value="#{PreEventoController.listaDetalleConcepto}"var="item" width="160px" height="270px">
                                            <rich:column width="30">
                                                <f:facet name="header"> <h:outputLabel value="" /></f:facet>
                                                <h:selectBooleanCheckbox value="#{item.seleccionado}"/>
                                            </rich:column>
                                            <rich:column width="130">
                                                <f:facet name="header"> <h:outputLabel value="CONCEPTO" /></f:facet>
                                                <h:outputText value="#{item.dcoNombre}"></h:outputText>
                                            </rich:column>
                                        </rich:scrollableDataTable>
                                    </h:panelGrid>
                                </h:panelGroup>

                                <!--rich:scrollableDataTable value="{PreEventoController.listaDetalleConcepto}"var="item" width="160px" height="270px"-->
                                    <!--rich:column width="30"-->
                                        <!--f:facet name="header"--> <!--h:outputLabel value="" /--><!--/f:facet-->
                                        <!--h:selectBooleanCheckbox value="{item.seleccionado}"/-->
                                    <!--/rich:column-->
                                    <!--rich:column width="130"-->
                                        <!--f:facet name="header"--> <!--h:outputLabel value="CONCEPTO" /--><!--/f:facet-->
                                        <!--h:outputText value="{item.dcoNombre}"--><!--/h:outputText-->
                                    <!--/rich:column-->
                                <!--/rich:scrollableDataTable-->
                                <h:panelGrid columns="1">
                                    <h:commandButton value=">" action="#{PreEventoController.agregarESeleccionados}" title="Agregar"/>
                                    <h:commandButton value=">>" action="#{PreEventoController.agregarETodos}" title="Agregar Todos"/>
                                    <h:commandButton value="<" action="#{PreEventoController.quitarESeleccionados}" title="Quitar"/>
                                    <h:commandButton value="<<" action="#{PreEventoController.quitarETodos}" title="Quitar Todos"/>
                                </h:panelGrid>
                                <rich:scrollableDataTable value="#{PreEventoController.listadetalleEgresos}"var="item" width="680px" height="300px">
                                    <rich:column width="30">
                                        <f:facet name="header"> <h:outputLabel value="" /></f:facet>
                                        <h:selectBooleanCheckbox value="#{item.seleccionado}"/>
                                    </rich:column>
                                    <rich:column width="125px">
                                        <f:facet name="header"><h:outputLabel value="CONCEPTO" /></f:facet>
                                        <h:outputText value="#{item.dcoNombre}"></h:outputText>
                                    </rich:column>
                                    <rich:column width="70px">
                                        <f:facet name="header"><h:outputLabel value="MES 1" /></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto1}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 2"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto2}"  rendered="#{item.band2}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 3" /></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto3}" rendered="#{item.band3}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 4" /></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto4}" rendered="#{item.band4}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 5"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto5}" rendered="#{item.band5}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 6" /></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto6}" rendered="#{item.band6}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 7"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto7}" rendered="#{item.band7}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 8"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto8}" rendered="#{item.band8}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 9"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto9}" rendered="#{item.band9}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 10"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto10}" rendered="#{item.band10}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 11"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto11}" rendered="#{item.band11}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 12"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto12}" rendered="#{item.band12}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 13"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto13}" rendered="#{item.band13}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 14"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto14}" rendered="#{item.band14}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 15"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto15}" rendered="#{item.band15}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 16"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto16}" rendered="#{item.band16}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 17"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto17}" rendered="#{item.band17}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 18"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto18}" rendered="#{item.band18}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 19"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto19}" rendered="#{item.band19}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 20"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto20}" rendered="#{item.band20}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 21"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto21}" rendered="#{item.band21}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 22"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto22}" rendered="#{item.band22}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 23"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto23}" rendered="#{item.band23}"/>
                                    </rich:column>
                                    <rich:column width="70px" >
                                        <f:facet name="header"><h:outputLabel value="MES 24"/></f:facet>
                                        <h:inputText autocomplete="off" value="#{item.monto24}" rendered="#{item.band24}"/>
                                    </rich:column>
                                </rich:scrollableDataTable>

                            </h:panelGrid>
                            <h:commandButton value="Calcular Egresos" action="#{PreEventoController.calcularEgresos}" styleClass="desactivar"/>
                        </rich:tab>
                    </rich:tabPanel>
                </rich:tab--%>
                <rich:tab label="Organizador"  styleClass="fondoFormulariosyPanel">
                    <h:panelGrid columns="3" styleClass="fondoFormulariosyPanel">
                        <h:outputLabel value="Capitulo"/>
                        <h:selectOneMenu value="#{PreEventoController.capituloSeleccionado}">
                            <f:selectItems value="#{PreEventoController.comboCapitulos}"/>
                        </h:selectOneMenu>
                        <h:commandButton value="Agregar" action="#{PreEventoController.agregarCapitulo}" image="/img/add.png" title="Agregar"/>

                        <h:outputLabel value="Area"/>
                        <h:selectOneMenu value="#{PreEventoController.areaSeleccionada}">
                            <f:selectItems value="#{PreEventoController.comboAreas}"/>
                        </h:selectOneMenu>
                        <h:commandButton value="Agregar" action="#{PreEventoController.agregarArea}" image="/img/add.png" title="Agregar"/>

                        <h:outputLabel value="Externo" />
                        <h:inputText value="#{PreEventoController.coorganizador}" />
                        <h:commandButton value="Agregar" action="#{PreEventoController.agregarOrgExterno}" image="/img/add.png" title="Agregar"/>

                        <h:commandButton value="Registrar" action="#{PreEventoController.registraOrganizador}" title="Registrar"/>
                        <h:inputHidden />
                        <h:inputHidden />
                    </h:panelGrid>
                    <rich:dataTable value="#{PreEventoController.listaOrganizadores}"
                                    var="lista" rows="15"  id="dt1" width="70%">
                        <f:facet name="header">
                            <rich:columnGroup>
                                <rich:column colspan="5" >
                                    <h:outputLabel value="Orgnizadores de Eventos"/>
                                </rich:column>
                                <rich:column breakBefore="true">
                                    <h:outputLabel value="Organizador"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputLabel value="Opcion"/>
                                </rich:column>
                            </rich:columnGroup>
                        </f:facet>
                        <rich:column>
                            <h:outputLabel value="#{lista.organizador}"/>
                        </rich:column>
                        <rich:column >
                            <h:commandButton  title="Quitar" value="Quitar" action="#{PreEventoController.quitarOrganizador}" onclick="return confirm('Deseas quitar al Organizador?');" image="/img/cancelar.png">
                                <f:setPropertyActionListener target="#{PreEventoController.organizadorEvento}" value="#{lista}" />
                            </h:commandButton>
                        </rich:column>
                    </rich:dataTable>
                </rich:tab>
                <rich:tab label="Instructor"  styleClass="fondoFormulariosyPanel">
                    <h:panelGrid columns="3" styleClass="fondoFormulariosyPanel">
                        <h:outputLabel value="DNI " />
                        <h:panelGroup>
                            <h:inputText value="#{PreEventoController.dni}" maxlength="8" />
                            <h:commandButton value="Buscar" action="#{PreEventoController.buscarPersonaxDNI}" image="/img/buscar.png" title="Buscar"/>
                        </h:panelGroup>
                        <br>
                        <h:outputLabel value="Apellido Paterno "/>
                        <h:inputText value="#{PreEventoController.persona.perapellidoPaterno}" size="40"/>
                        <h:commandButton value="Agregar" action="#{PreEventoController.agregarDocente}" image="/img/add.png" title="Agregar"/>
                        <h:outputLabel value="Apellido Materno "/>
                        <h:inputText value="#{PreEventoController.persona.perapellidoMaterno}" size="40"/>
                        <br>
                        <h:outputLabel value="Nombres " />
                        <h:inputText  value="#{PreEventoController.persona.perNombres}" size="40"/>
                        <h:inputHidden />

                        <h:commandButton value="Registrar" action="#{PreEventoController.registrandoInstructor}" title="Registrar"/>
                        <h:inputHidden />
                        <h:inputHidden />
                    </h:panelGrid >
                    <rich:dataTable value="#{PreEventoController.listaInstructores}"
                                    var="lista" rows="15" reRender="ds" id="simpletable" width="70%">
                        <f:facet name="header">
                            <rich:columnGroup>
                                <rich:column colspan="5" >
                                    <h:outputLabel value="Instructores"/>
                                </rich:column>
                                <rich:column breakBefore="true">
                                    <h:outputLabel value="DNI"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputLabel value="Apellidos"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputLabel value="Nombres"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputLabel value="Opcion"/>
                                </rich:column>
                            </rich:columnGroup>
                        </f:facet>
                        <rich:column>
                            <h:outputLabel value="#{lista.perCodigo.perNroDNI}"/>
                        </rich:column>
                        <rich:column>
                            <h:outputLabel value="#{lista.perCodigo.perapellidoPaterno} #{lista.perCodigo.perapellidoMaterno}"/>
                        </rich:column>
                        <rich:column>
                            <h:outputLabel value="#{lista.perCodigo.perNombres}" />
                        </rich:column>
                        <rich:column >
                            <h:commandButton  title="Quitar" value="Quitar" action="#{PreEventoController.quitarDocente}" onclick="return confirm('Deseas quitar al Instructor?');" image="/img/cancelar.png">
                                <f:setPropertyActionListener target="#{PreEventoController.instructorSeleccionado}" value="#{lista}" />
                            </h:commandButton>
                        </rich:column>
                        <f:facet name="footer">
                            <rich:datascroller id="ds" renderIfSinglePage="false"></rich:datascroller>
                        </f:facet>
                    </rich:dataTable>

                </rich:tab>
                <rich:tab label="Reserva Ambientes" styleClass="fondoFormulariosyPanel">

                    <h:panelGrid columns="3" styleClass="fondoFormulariosyPanel">
                        <h:outputLabel value="Fecha: "/>
                        <rich:calendar  value="#{PreEventoController.fechaAmbiente}"
                                        datePattern="dd/MM/yyyy"/>
                        <h:inputHidden />
                    </h:panelGrid>
                    <a4j:outputPanel id="panelll" >
                        <h:panelGrid columns="3" styleClass="fondoFormulariosyPanel">
                            <h:outputLabel value="Ambiente/Equipo"/>
                            <h:selectOneMenu value="#{PreEventoController.tipoAmbiente}" >
                                <f:selectItem  itemLabel="Ambiente" itemValue="1"/>
                                <f:selectItem  itemLabel="Bien Mueble" itemValue="0"/>
                                <a4j:support event="onchange" reRender="panelll" ajaxSingle="true" />
                            </h:selectOneMenu>
                            <h:inputHidden />
                            
                            <h:outputLabel value="Ambiente" rendered="#{PreEventoController.tipoAmbiente==1}"/>
                            <h:selectOneMenu value="#{PreEventoController.ambiente}" rendered="#{PreEventoController.tipoAmbiente==1}">
                                <f:selectItems value="#{AmbienteController.comboAmbientes}"/>
                            </h:selectOneMenu>
                            <h:commandButton value="Buscar" action="#{PreEventoController.listarAmbientesEstado}" rendered="#{PreEventoController.tipoAmbiente==1}" image="/img/buscar.png" title="Buscar"/>

                            <h:outputLabel value="Equipos" rendered="#{PreEventoController.tipoAmbiente==0}"/>
                            <h:selectOneMenu value="#{PreEventoController.equipo}" rendered="#{PreEventoController.tipoAmbiente==0}">
                                <f:selectItems value="#{ServicioEquipoController.comboServicios}"/>
                            </h:selectOneMenu>
                            <h:commandButton value="Buscar" action="#{PreEventoController.listarServiciosEstado}" rendered="#{PreEventoController.tipoAmbiente==0}" image="/img/buscar.png" title="Buscar"/>

                            <h:commandButton value="Registrar" action="#{PreEventoController.registrarReserva}" title="Registrar"/>
                            <h:inputHidden />
                            <h:inputHidden />
                        </h:panelGrid>
                    </a4j:outputPanel>
                    <h:panelGrid columns="3" styleClass="fondoFormulariosyPanel">
                        <rich:dataTable value="#{PreEventoController.listaCalendario}" var="item" >
                            <rich:column>
                                <f:facet name="header"><h:outputLabel value="Nombre"/></f:facet>
                                <h:outputLabel value="#{item.nombre}"/>
                            </rich:column>
                            <rich:column>
                                <f:facet name="header"><h:outputLabel value="Horario"/></f:facet>
                                <h:outputLabel value="#{item.horario}"/>
                            </rich:column>
                            <rich:column>
                                <f:facet name="header"><h:outputLabel value=""/></f:facet>
                                <h:outputLabel value="#{item.estado}"/>
                                <h:selectBooleanCheckbox value="#{item.reservar}" rendered="#{item.habilitado}"/>
                            </rich:column>
                        </rich:dataTable>
                        <h:panelGrid columns="1">
                            <h:commandButton value=">" action="#{PreEventoController.agregarAmbSeleccionados}" title="Agregar"/>
                        </h:panelGrid>
                        <rich:dataTable value="#{PreEventoController.listaCalendario1}" var="item" >
                            <rich:column>
                                <f:facet name="header"><h:outputLabel value="Nombre"/></f:facet>
                                <h:outputLabel value="#{item.nombre}"/>
                            </rich:column>
                            <rich:column>
                                <f:facet name="header"><h:outputLabel value="Fecha"/></f:facet>
                                <h:outputLabel value="#{item.fecha}"/>
                            </rich:column>
                            <rich:column>
                                <f:facet name="header"><h:outputLabel value="Horario"/></f:facet>
                                <h:outputLabel value="#{item.horario}"/>
                            </rich:column>
                            <rich:column>
                                <f:facet name="header"><h:outputLabel value=""/></f:facet>
                                <h:commandButton value="Quitar" action="#{PreEventoController.quitarAmbSeleccionados}" image="/img/btnQuitar.gif">
                                    <f:setPropertyActionListener target="#{PreEventoController.ambienteSeleccionado}" value="#{item}"/>
                                </h:commandButton>
                            </rich:column>
                        </rich:dataTable>
                    </h:panelGrid>
                </rich:tab>

                <!-- Lizardo  -->
                <%--rich:tab label="Módulo Curso" styleClass="fondoFormulariosyPanel" disabled="#{!PreEventoController.preEvento.estado}">
                    <h:panelGrid columns="1" width="100%" styleClass="tablaprincipal">
                        <h:outputLabel value="Registro de módulos" />
                    </h:panelGrid>

                    <h:panelGrid columns="2" styleClass="fondoFormulariosyPanel">

                        <h:outputLabel value="Nro Modulos" />
                        <rich:inputNumberSpinner value="#{PreEventoController.nroModulos}" maxValue="#{PreEventoController.maximo}" minValue="#{PreEventoController.minimo}"/>

                        <h:outputLabel value="Nro de Vacantes" />
                        <!--h:outputLabel value="{PreEventoController.preEvento.preVacanteTemporal}" /-->
                        <h:inputText value="#{PreEventoController.preEvento.preVacanteTemporal}" size="5" maxlength="5" />

                        <h:outputLabel value="Módulo(Acronimo: I, II, etc): "/>
                        <h:inputText value="#{PreEventoController.modulo.modAcronimo}" size="4" maxlength="4"/>

                        <h:outputLabel value="Nombre: "/>
                        <h:inputText value="#{PreEventoController.modulo.modNombre}" size="30" maxlength="50"/>

                        <h:outputLabel value="Tipo: "/>
                        <h:selectOneRadio value="#{PreEventoController.modulo.modTipo}" styleClass="etiquetas">
                            <f:selectItem itemValue="true" itemLabel="Diplomado" />
                            <f:selectItem itemValue="false" itemLabel="Curso" />
                        </h:selectOneRadio>

                        <h:outputLabel value="Fecha Inicio: "/>
                        <rich:calendar id="txtInicio" datePattern="dd/MM/yyyy"
                                       value="#{PreEventoController.modulo.modfechaInicio}"/>

                        <h:outputLabel value="Fecha Fin: "/>
                        <rich:calendar id="txtFin" datePattern="dd/MM/yyyy"
                                       value="#{PreEventoController.modulo.modfechaFin}"/>

                    </h:panelGrid>
                    <h:panelGrid columns="2" styleClass="fondoFormulariosyPanel">
                        <!-- agregar editor para los temarios -->
                        <h:outputLabel value="Temario: "/>
                        <rich:editor id="editorTemario" width="600" height="200" value="#{PreEventoController.temarioModulo}"
                                     theme="advanced" >
                            <f:param name="theme_advanced_buttons1" value="bold,italic,underline,cut,copy,paste,pasteword"/>
                            <f:param name="theme_advanced_toolbar_location" value="top"/>
                            <f:param name="theme_advanced_toolbar_align" value="left"/>
                        </rich:editor>
                        <!-- fin del temario -->

                        <h:commandButton image="/img/btnAgregar.gif"
                                         action="#{PreEventoController.registrarModulo}" />
                        <!--h:commandButton image="/img/btnEditar.gif"
                                         action="{CursoController.editarModulo}" /-->
                    </h:panelGrid>

                    <rich:spacer height="20" />

                    <rich:dataTable value="#{PreEventoController.listaModulo}"
                                    var="modulo" rows="15" reRender="ds" id="dtModuloX"
                                    width="100%" columnsWidth="45%,25%,20%,10%">
                        <f:facet name="header">
                            <rich:columnGroup>
                                <rich:column breakBefore="true">
                                    <h:outputLabel value="Módulo"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputLabel value="Tipo"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputLabel value="Período"/>
                                </rich:column>
                                <rich:column>
                                    <h:outputLabel value="Opción"/>
                                </rich:column>
                            </rich:columnGroup>
                        </f:facet>
                        <rich:column>
                            <h:outputLabel value="#{modulo.modAcronimo} - #{modulo.modNombre} " />
                        </rich:column>
                        <rich:column>
                            <h:outputLabel value= "#{modulo.modTipo==true ? 'DIPLOMADO' : 'CURSO'}" />
                        </rich:column>
                        <rich:column>
                            <h:outputLabel value="#{modulo.periodo}" />
                        </rich:column>
                        <rich:column>
                            &nbsp;&nbsp;
                            <h:commandButton title="Eliminar Modulo" image="/img/eliminar.png"
                                             action="#{PreEventoController.eliminarModulo}"
                                             onclick="return confirm('Deseas eliminar este módulo?');">
                                <f:setPropertyActionListener target="#{PreEventoController.modulo}" value="#{modulo}" />
                            </h:commandButton>
                            &nbsp;&nbsp;
                            <!--h:commandButton title="Mostrar Instructor Módulo" image="/img/ver.png"
                                             action="{PreEventoController.verInstructores}"-->
                            <!--f:setPropertyActionListener target="{PreEventoController.modulo}" value="{modulo}" /-->
                            <!--/h:commandButton-->
                        </rich:column>
                        <f:facet name="footer">
                            <rich:datascroller id="ds" renderIfSinglePage="false"></rich:datascroller>
                        </f:facet>
                    </rich:dataTable>

                </rich:tab--%>

                <!-- Fin Lizardo -->

            </rich:tabPanel>
        </a4j:outputPanel>

        <%--rich:panel header="Totales" style="width:30%" styleClass="fondoFormulariosyPanel">
            <!--h:panelGrid columns="2" styleClass="textoLabels"-->
            <h:panelGrid columns="2" styleClass="tablanormal">
                <h:outputLabel value="Total Ingresos"/>
                <h:inputText value="#{PreEventoController.ingresos}" disabled="true" styleClass="cajaAzul"/>

                <h:outputLabel value="Total Egresos"/>
                <h:inputText value="#{PreEventoController.egresos}" disabled="true" styleClass="cajaRoja" />

                <h:outputLabel value="Utilidad Estimada"/>
                <h:inputText value="#{PreEventoController.utilidad}" disabled="true" styleClass="cajaVerde" />
            </h:panelGrid>
        </rich:panel>
            
        <h:panelGrid columns="2">
            <h:commandButton value="Cancelar" accesskey="C" action="#{PreEventoController.inicializar}" image="/img/btnCancelar.gif"/> <!--style="margin-left:75px"/-->
            <h:commandButton value="Registrar" accesskey="G" action="#{PreEventoController.registrarNuevo}" image="/img/btnGuardar.gif"/> <!--style="margin-left:10px"/-->
        </h:panelGrid--%>
     </h:panelGroup>
    </h:form>

    <%--rich:modalPanel id="editPanel" autosized="true" width="300">
        <f:facet name="header">
            <h:outputLabel value="Tipo de Ingresos" />
        </f:facet>
        <f:facet name="controls">
            <h:panelGroup>
                <h:graphicImage value="/img/cancelar.png"
                                id="hidelink" />
                <rich:componentControl for="editPanel" attachTo="hidelink"
                                       operation="hide" event="onclick" />
            </h:panelGroup>
        </f:facet>
        <h:form>
            <h:panelGrid columns="2" styleClass="tablanormal">
                <h:outputLabel value="Nombre Ingreso:" />
                <h:inputText id="txtTipoNombre" value="#{PreEventoController.tipoIngreso.tpiNombre}" immediate="true">
                    <a4j:support ajaxSingle="true" event="onblur" reRender="txtTipoNombre"/>
                </h:inputText>

                <a4j:commandButton value="Aceptar" reRender="idTiposIngresos" styleClass="desactivar"
                                   action="#{PreEventoController.registrarTipoIngreso}"
                                   oncomplete="#{rich:component('editPanel')}.hide()"/>
             </h:panelGrid>
        </h:form>
    </rich:modalPanel>

    <rich:modalPanel id="editConcepto" autosized="true" width="400">
        <f:facet name="header">
            <h:outputLabel value="Tipo de Concepto" />
        </f:facet>
        <f:facet name="controls">
            <h:panelGroup>
                <h:graphicImage value="/img/cancelar.png"
                                id="hidelink1" />
                <rich:componentControl for="editConcepto" attachTo="hidelink1"
                                       operation="hide" event="onclick" />
            </h:panelGroup>
        </f:facet>
        <h:form>
            <h:panelGrid columns="2" styleClass="tablanormal">
                <h:outputLabel value="Tipo Concepto:" />
                <h:selectOneMenu id="cboTipoConcepto" value="#{PreEventoController.tpcCodigo}">
                    <f:selectItem itemLabel="-- Seleccione un tipo concepto --"/>
                    <f:selectItems value="#{TipoConceptoController.comboTipoConceptoMejor}" />
                    <a4j:support ajaxSingle="true" event="onchange" reRender="cboTipoConcepto"/>
                </h:selectOneMenu>

                <h:outputLabel value="Nombre Concepto:" />
                <h:inputText id="txtDetalleConcepto" value="#{PreEventoController.detalleConcepto.dcoNombre}" immediate="true">
                    <a4j:support ajaxSingle="true" event="onblur" reRender="txtDetalleConcepto"/>
                </h:inputText>

                <a4j:commandButton value="Aceptar" reRender="tblConcepto" styleClass="desactivar"
                                   action="#{PreEventoController.registrarDetalleConcepto}"
                                   oncomplete="#{rich:component('editConcepto')}.hide()"/>
             </h:panelGrid>
        </h:form>
    </rich:modalPanel--%>

    <!--/t:div-->
</f:view>